<template>
  <span
    :title="item"
    style="
      display: block;
      overflow: hidden;
      white-space: nowrap;
      text-overflow: ellipsis;
    "
    >{{ item }}</span
  >
</template>

<script lang="ts">
import { defineComponent } from 'vue';
export default defineComponent({
  props: {
    item: {
      type: String,
      default: '',
    },
  },
  setup() {
    return {};
  },
});
</script>

<style scoped lang="less"></style>
